<template>
  <ul class="p-2 _m-2">
    <router-link tag="li" to="/user/wallet" class="d-flex align-items-center justify-content-between border-bottom">
      <h2>我的钱包</h2>
      <router-link tag="p" to="/list/pay">充值
        <i class="cubeic-arrow"></i>
      </router-link>
    </router-link>
    <router-link to="/user/list/history" tag="li" class="d-flex align-items-center justify-content-between  border-bottom">
      <h2>我的阅历</h2>
      <i class="cubeic-arrow"></i>
    </router-link>
    <router-link to="/user/list/collection" tag="li" class="d-flex align-items-center justify-content-between  border-bottom">
      <h2>我的收藏</h2>
      <i class="cubeic-arrow"></i>
    </router-link>
    <router-link to="/list/notice" tag="li" class="d-flex align-items-center justify-content-between  border-bottom">
      <h2>消息中心</h2>
      <i class="cubeic-arrow"></i>
    </router-link>
    <router-link to="/user/pay/history" tag="li" class="d-flex align-items-center justify-content-between  border-bottom">
      <h2>订单中心</h2>
      <i class="cubeic-arrow"></i>
    </router-link>
    <router-link to="/user/list/discuss" tag="li" class="d-flex align-items-center justify-content-between  border-bottom">
      <h2>我的书评</h2>
      <i class="cubeic-arrow"></i>
    </router-link>
    <router-link tag="li" to="/user/suggestions" class="d-flex align-items-center justify-content-between  border-bottom">
      <h2>意见反馈</h2>
      <i class="cubeic-arrow"></i>
    </router-link>
  </ul>
</template>

<script>
export default {
  name: 'List'
}
</script>

<style lang="stylus" scoped>
@import '~assets/css/style.styl';
ul {
  background #FFF
  padding 2vw 4vw
  li {
    height 44px
    line-height 44px
    p {
      color $colorPrimary
    }

    i {
      color #797979  
    }
  }
}
</style>
